<template>
  <div class="home_main_div">

    <el-container>
      <el-header>
        <p class="home_main_title">地下气象收集平台</p>
      </el-header>

<!--      中部-->
      <el-main>
        <el-row>
          <el-col :span="20">
            <el-input v-model="searchInput" placeholder="请输入查询内容" class="home_main"></el-input>
          </el-col>
          <el-col :span="4">
            <el-button type="primary">查询</el-button>
          </el-col>
        </el-row>

      </el-main>
    </el-container>

  </div>
</template>

<script>
  import http from '@/utils/http'

  export default {
    name: 'Home',
    components:{
      // UserList
    },
    data () {
      return {
        searchInput: null
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

  .home_main_div {
    text-align: center;
  }

  .home_main_title {
    color: coral;
    font-size: 24px;
    font-family: "San Francisco Pro","Roboto","Helvetica","PingFang SC","苹方","Microsoft Yahei","微软雅黑","Source Han Sans CN","思源黑体","SimHei","黑体","SimSun","宋体",sans-serif;
  }

  .home_main {
  }

  .el-main {
    margin: auto;
    width: 600px;
  }

</style>
